<template>
  <div class="app-container">
  <Layout>
    <template #left>
      <div class="app-left">
        <SiteAside></SiteAside>
      </div>
    </template>
    <div class="app-main">
      <!-- 主展示区域 路由 -->
      
   <RouterView />
    </div>
  </Layout>
  <ToTop></ToTop>
  </div>
  
</template>
<script>
import ToTop from "./components/ToTop"
import Layout from './components/Layout/index.vue';
import SiteAside from './components/SiteAside/index.vue';

export default {
  
    components: { Layout, SiteAside ,ToTop},
  
    
}
</script>
<style lang="less" scoped>
@import "./style/var.less";
@import "./style/general.less";
.app-container{
  .self-filled(@type:fixed);
  .app-main{
    width: 100%;
    height: 100%;
  }
.app-left{
  width: 250px;
  height: 100%;
  background: @dark;
}
}
</style>
